<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<div style="margin-left: 750px;">
			姓名：<input type="text" id="name" class="add">
			年龄：<input type="text" id="age" class="add">
			性别：<input type="text" id="sex" class="add">
			省：<select name="provice" id="provice">
			
			</select>
			市：<select name="city" id="city">
			
			</select>
			<input type="submit" value="增加" id="add_bth" />
		</div>
		<button id="delAll" style="margin-left: 650px; background-color: yellow;">批量删除</button>

		<table border="1px solid blue" cellspacing="0" cellpadding="0" width="800px" height="800px" align="center"
			style="text-align: center;">
			<tr>
				<th>全选<input type="checkbox" id="checkAll"></th>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
				<th>地址</th>
				<th>操作</th>
			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>
			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>张四</td>
				<td>18</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>

			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>张五</td>
				<td>18</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>

			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>李四</td>
				<td>19</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>

			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>王五</td>
				<td>20</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>

			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>赵六</td>
				<td>21</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>
			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del<button type=" button">删除</button></td>

			</tr>
			<tr>
				<td><input type="checkbox" class="check" /></td>
				<td>孙七</td>
				<td>19</td>
				<td>男</td>
				<td>安徽 合肥</td>
				<td class="del"><button type="button">删除</button></td>

			</tr>
		</table>

		<script type="text/javascript" src="demo_js.js"></script>
	</body>







</html>
